<template>
  <div class="app-container">       
    <el-form label-width="120px">
             <el-form-item label="医院名称">
                <el-input v-model="hospitalSet.hosname" />
             </el-form-item>

             <el-form-item label="医院编号">
                <el-input v-model="hospitalSet.hoscode" />
             </el-form-item>

             <el-form-item label="api基础路径">
                <el-input v-model="hospitalSet.apiUrl" />
             </el-form-item>

             <el-form-item label="联系人姓名">
                <el-input v-model="hospitalSet.contactsName" />
             </el-form-item>
             <el-form-item label="联系人手机">
                <el-input v-model="hospitalSet.contactsPhone" />
             </el-form-item>

             <el-form-item>
                <el-button type="primary" @click="saveOrUpdate">保存</el-button>
             </el-form-item>
      </el-form>
  </div>
</template>
<script>
import hosp from "@/api/hospset";
export default {
    data() {
        return {
            hospitalSet:{} //请求参数
        }
    },
    created() {
        if(this.$route.params && this.$route.params.id){
            const id = this.$route.params.id
            this.getHostSet(id)
        }else{
            this.hospitalSet={}
        }
    },
    methods: {
        // 根据Id 进行查询
        getHostSet(id){
           hosp.getHospSet(id)
           .then(response=>{
               console.log(response)
               this.hospitalSet = response.data
           })
        },
        // 进行修改数据操作
        saveOrUpdate(){
            //判断添加还是修改
           if(!this.hospitalSet.id) { //没有id，做添加
              this.save();
           } else {//修改
              this.update()
           }
        },
        //保存
        save(){
            hosp.saveHospSet(this.hospitalSet)
                    .then(response=>{
                        this.$message({
                            type:"success",
                            message:"添加成功"
                        })
                        //跳转列表页面，使用路由跳转方式实现
                        this.$router.push({path:'/hospSet/list'})
                    }).catch(error=>{
                        this.$message({
                            type:"danger",
                            message:"添加失败"
                        })
                    })
            },
        update(){
        hosp.updateHospSet(this.hospitalSet)
                .then(response=>{
                    this.$message({
                        type:"success",
                        message:"添加成功"
                    })
                    //跳转列表页面，使用路由跳转方式实现
                        this.$router.push({path:'/hospSet/list'})
                }).catch(error=>{
                    this.$message({
                        type:"danger",
                        message:"添加失败"
                    })
                })
            }
    }
}
</script>